interface User {
  name: string;
  imageUrl: string;
  imageSize: number;
}

const user: User = {
  name: "Hedy Lamarr",
  imageUrl: "https://www.webpackjs.com/site-logo.1fcab817090e78435061.svg",
  imageSize: 90,
};

let content: JSX.Element | null;

export default function AboutPage() {
  return (
    <div className="aboutPage">
      <h1>About</h1>
      <p>
        {user.name}
        <br />
        How do you do?
      </p>
      <img
        className="avatar"
        src={user.imageUrl}
        alt={"Photo of " + user.name}
        style={{
          width: user.imageSize,
          height: user.imageSize,
        }}
      />
    </div>
  );
}
